html,
body,
#root,
#root > *{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

.brs-main {
  position: absolute;
  top: $navbar-height;
  left: 0px;
  bottom: 0;
  right: 0;

  &.brs-main--nosidebar > .brs-page{
    margin-left: 0;
  }
}

.brs-page {
  height: 100%;
  margin-left: $sidebar-width;

  &__content {
    height: 100%;
    padding: 0 20px;
    overflow-y: auto;
  }
}

// 封装滚动条样式
.br-scroll,
.br-scroll * {
  //滚动条样式（只适用于chrome浏览器）
  &::-webkit-scrollbar { /*滚动条整体样式*/
    width: 10px;
    padding-right: 6px;
  }

  &::-webkit-scrollbar-track { /*滚动条里面轨道*/
    background-color: #f1f1f1;
  }

  &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    background: #d2d2d2;
    border-radius: 5px;
  }
}
